﻿<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>
    <link href="css/sample1.css" rel="stylesheet" />
</head>
<body>
     
<div id="page-container"> 

    <div id="header">
        <h1>Twitter Real Time Dashboard</h1>
    </div> 
    <div id="tweet-details">
        <div class="padding">
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nullam gravida enim ut risus.  
Praesent sapien purus, ultrices a, varius ac, suscipit ut, enim. Maecenas in lectus.  

        </div>
    </div> 
    <div id="tweet-summary">       
        <div class="padding">
Donec in sapien in nibh rutrum gravida. Sed ut mauris. Fusce malesuada enim vitae lacus  
euismod vulputate. Nullam rhoncus mauris ac metus. Maecenas vulputate aliquam odio.  
Duis scelerisque justo a pede. Nam augue lorem, semper at, porta eget, placerat eget,  
purus. Suspendisse mattis nunc vestibulum ligula. In hac habitasse platea dictumst. 
        </div>
    </div> 
    <div id="tweet-topics">
        <div id="topic1" class="topic">topic 1</div>
        <div id="topic2" class="topic">topic 2</div>
        <div id="topic3" class="topic">topic 3</div>
        <div id="topic4" class="topic">topic 4</div>
        <div id="topic5" class="topic">topic 5</div>
    </div>
    <div id="footer">
        Demo created by Singpare MTC in collaboration with <a href="http://www.azaas.com/start.aspx">aZaas</a> and <a href="http://www.microsoft.com/microsoftservices/en/us/home.aspx">Microsoft Services</a> 
    </div> 
</div> 

</body>
</html>
